<template>
<div class="content">
  <div class="box">
  <div class="btnList">
    <dd @click="helpFn"></dd>
    <router-link tag="dd" :to="{name:'list',params:{type:$route.query.type}}"></router-link>
  </div>
  <div class="banner">
    <router-link tag="button" :to="{name:'home'}" class="btn">我要参与</router-link>
  </div>
  </div>
</div>
</template>

<script>
export default {
  data:()=>({
  }),
  mounted(){
  },
  methods:{
    helpFn(){
      this.http(this.api.coupon_help,{
        uid:this.$route.query.uid
      }).then(res=>{
        switch(parseInt(res.data.ret,10)){
          case 0:
            Toast('助力成功');
            break;
          default:
            Toast(res.data.msg);
        }
      });
    }
  }
}
</script>

<style lang="scss" type="text/scss" scoped>
.content{
  color:#ead6b8;
  display:block!important;
  overflow:auto;
  .box{
    background:url('~@img/helpBg.jpg') center top no-repeat;
    background-size:100% auto;
    overflow:hidden;
    height:1334px;
  }
  .btnList{
    margin:640px auto 0;
    display:flex;
    justify-content:center;
    dd{
      width:250px;
      height:114px;
      margin:0 28px;
    }
  }
  .banner{
    margin:60px auto 0;
    width:700px;
    border-radius:22px;
    position:relative;
    img{
      width:100%;
      height:100%;
    }
    .btn{
      position:absolute;
      left:20px;
      right:0;
      top:350px;
      width:250px;
      height:114px;
      border-radius:10px;
      margin:auto;
      opacity:0;
    }
  }
}
</style>
